<div class="box_title">Already our customer</div>
<div class="box_bg"><br />  
  <script type="text/javascript">      
    function ajaxValidationCallback(status, form, json, options){
      if (status === true) {
        window.location = '<?php echo site_url('provider') ?>';
      }
    }
    jQuery(document).ready(function(){
      jQuery("#form_login").validationEngine({
        ajaxFormValidation: true,
        onAjaxFormComplete: ajaxValidationCallback
      });
    });
  </script>
  <form action="<?php echo site_url('provider/login/process') ?>" method="post" id="form_login">
    <table class="table1" style="margin-bottom: 20px">
      <tr>
        <td class="text4">Username:</td>
        <td>
          <input id="username" type="text" name="username" placeholder="Username" value="" class="input2"/>
        </td>
      </tr>
      <tr>
        <td class="text4">Password:</td>
        <td>
          <input id="password" type="password" name="password" value="" placeholder="Password" class="input2"/>
        </td>
      </tr>
      <tr>
        <td colspan="2" class="center">
          <a href="<?php echo site_url('provider/signup') ?>">Sign up</a>   |   
          <a href="<?php echo site_url('provider/forgot_password') ?>">Forgot your password?</a></td>
      </tr>
      <tr>
        <td colspan="2" style="padding-left: 79px">
          <div class="button2">
            <div class="button_left"></div>
            <div class="button_bg">
              <a href="#" onclick="$('form').validationEngine('hideAll');$('form').submit();return false;">Sign in</a></div>
            <div class="button_right"></div>
          </div>
<!--          <p><input id="checkbox1" type="checkbox" value="y" name="checkbox1">Remember me</p>-->
        </td>
      </tr>
    </table>
  </form>
  <div class="clearer"></div>
</div> 
<div class="box_fotter"></div>